.g-container {

  >.g-header {
    margin-bottom: 12rpx;
    color: #fff;
    background: #0251FF;

    >.user_wrap {
      position: relative;
      display: flex;
      align-items: center;
      height: 240rpx;

      >.user_avatar {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 150rpx;
        height: 150rpx;
        margin: 0 36rpx;
        padding: 0;
        // border: none;
        border-radius: 10rpx;
        overflow: hidden;
        // background: transparent;

        >.avatar {
          width: 150rpx;
          height: 150rpx;
        }

        >.iconfont {
          font-size: 72rpx;
          color: #cdcdcd;
        }
      }

      >.user_info {
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 150rpx;

        >.user_name {
          font-size: 36rpx;
        }

        >.icon {
          position: absolute;
          bottom: 0;
          right: 20rpx;
          font-size: 40rpx;
        }
      }
    }
  }

  >.g-main {
    >.nav_wrap {
      display: flex;
      margin-bottom: 60rpx;
      background: #fff;

      >.nav_item {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 160rpx;
        font-size: 24rpx;

        >.iconfont {
          height: 56rpx;
          margin-bottom: 4rpx;
          font-size: 56rpx;
        }

        &:nth-child(1) >.iconfont {
          transform: scale(0.95);
          color: #DE868F;
        }
        &:nth-child(2) >.iconfont {
          color: #81B337;
        }
        &:nth-child(3) >.iconfont {
          color: #4095E5;
        }
      }
    }

    >.list_wrap {

      >.li_item {
        display: flex;
        align-items: center;
        height: 100rpx;
        padding: 0 20rpx 0 22rpx;
        border-bottom: 2rpx solid #cecece;
        color: #101010;
        background: #fff;

        >.iconfont {
          margin-right: 6rpx;
          font-size: 48rpx;
        }

        >.text {
          flex: 1;
        }

        &:first-child{
          border-top: 2rpx solid #cecece;
        }
        &:last-child {
          margin-top: 48rpx;
          border-top: 2rpx solid #cecece;
          border-bottom: 2rpx solid #cecece;
        }

        &:nth-child(1) >.iconfont {
          color: #45C861;
        }
        &:nth-child(3) >.iconfont {
          color: #2882FE;
        }
        &:nth-child(4) >.iconfont {
          color: #BD3124;
        }
        &:nth-child(5) >.iconfont {
          color: #E99D42;
        }
        &:nth-child(6) >.iconfont {
          color: #ec7259;
        }
        &:last-child >.iconfont {
          color: #4095E5;
        }
      }
    }
  }

}
